{% extends "layout/base.html" %}

{% block title %}
    404
{% endblock %}

{% block head %}
    {{ super() }}
    <style>
        .error-container {
            max-width: 600px;
            margin: 40px auto 30px;
            text-align: center;
        }
        .error-container h1 {
            font-size: 200px;
            line-height: 1;
            font-weight: 600;
        }
    </style>
{% endblock %}

{% block bread %}
    {{ self.title() }}
{% endblock %}

{% block content %}
<div class="layui-container">
    <div class="fly-panel">
        <div class="fly-none error-container">
            <h1>404</h1>
            <p>页面或者数据被纸飞机运到火星了,啥都看不到了...</p>
        </div>
    </div>
</div>
{% endblock %}
